<template>
    <div class="howtoGet">
        <div class="title">平台订单抓取功能</div>
		<div class="content">
			<div class="flex">
				<div>在使用抓但之前请务必确保发布产品设置的抓单标识和电商平台相应产品的标识一致</div>
			</div>
			<div class="flex">
				<div class="title2">抓单标识（商品货号/编码）：</div>
				<div>该标示非常重要，使用自动抓单程序抓到的订单通过该标识来匹配识别，务必确保平台录入的标识与此处一致。</div>
			</div>
			<div class="bold">抓单管理位置：订单管理--抓单管理</div>
			<div>此处抓单可配置京东，拼多多，有赞，抖音，快手，天猫抓单需安装客户端</div>
			<img :src="howtoGet1">
			<div>天猫抓单操作：首次使用无店铺，需申请添加您的店铺，点击申请添加店铺</div>
			<img :src="howtoGet2">
			<div>抓单操作：首次使用无店铺，需申请添加您的店铺，点击申请添加店铺</div>
			<img :src="howtoGet3">
			<div>店铺配置成功后，即可登录抓单，按照页面指引订购易店长并授权登录店铺需要输入cookie，cookie的查找方法在页面有详细说明，登陆成功后即可抓单。</div>
			<div>	特别注意： 1、cookie登录有时效，基本每24小时掉线一次，您可配置短信提醒掉线。 </div>
			<div>	2、用于抓单（登录获取cookie）的账号必须独立存在，任何人不要再登录该账号，否则会导致掉线。</div>
			<div>	3、同时登录多个店铺获取cookie，需在登录完成一个后清除浏览器cookie，然后再登录下一个店铺获取cookie。</div>
		</div>
    </div>
</template>

<script>
    import axios from "axios";
    export default{
    	name: 'howtoDo',
    	data(){
    		return{
				howtoGet1:'./static/help/howtoGet1.png',
				howtoGet2:'./static/help/howtoGet2.png',
				howtoGet3:'./static/help/howtoGet3.png',
    		}
    	},
    	created() {

    	},
        methods:{

        }
    }
</script>

<style lang="scss" scoped>
	.howtoDo{ font-size: 14px;
		.titleh{ line-height: 60px; font-size: 26px; color: #4D4D4D; text-align: center;}
    background: #F1F1F1;
    font-size: 14px;
    
    .exit {
      margin-left: 20px;
      cursor: pointer;
      color: #77C9FF;
    }
    
    .flex {
      display: flex;
      flex-wrap: wrap;
    }
    
    .w1350 {
      width: 1350px;
      margin: 0 auto;
    }
    
    .top {
      height: 30px;
      line-height: 30px;
    }
    
    .logo {
      background: #42628D;
      padding: 20px 0;
    }
    
    .center {
      padding: 30px 0;
    
      .hleft {
        background: #fff;
        width: 330px;
        box-sizing: border-box;
        padding-top: 10px;
        color: #77C9FF;
        border-radius: 5px;
        box-shadow: 0 0 5px #ccc;
    
        .title {
          padding-bottom: 20px;
          padding-top: 20px;
          font-size: 16px;
          font-weight: bold;
          padding-left: 35px;
        }
    
        .nav:hover {
          background: #F1F1F1;
        }
    
        .nav {
          line-height: 40px;
          padding-left: 35px;
          display: block;
          color: #77C9FF;
        }
    
        .router-link-active {
          background: #F1F1F1 !important;
        }
      }
    
      .hright {
        background: #fff;
        justify-content: space-between;
        width: 1000px;
        box-sizing: border-box;
        margin-left: 20px;
        border-radius: 5px;
        box-shadow: 0 0 5px #ccc;
        padding-bottom: 30px;
    
        img {
          width: 100%;
          display: block;
          margin: 20px 0;
        }
    
        .title {
          padding: 15px 30px;
          font-size: 18px;
          color: #4D4D4D;
          border-bottom: 1px #DBDBDB solid;
        }
    
        .title2 {
          color: #FF6161;
          font-weight: bold;
        }
    
        .title4 {
          color: #FF7777;
          font-size: 14px
        }
    
        .bold {
          font-weight: bold;
        }
    
        .content {
          padding: 0 35px;
          line-height: 50px;
        }
    
        .nei {
          padding-left: 60px;
        }
    
        .blue {
          color: #77C9FF;
        }
    
        .title3 {
          font-size: 16px;
        }
    
        .big {
          font-size: 18px;
          padding: 20px 0;
        }
      }
    }
	}
</style>
